<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="r" uri="http://richfaces.ajax4jsf.org/rich"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<%--
    This file is an entry point for JavaServer Faces application.
--%>
<f:view>
    <html>
        <head>
            <%--  head.jsf: Informacion comun de la pagina. --%>
            <%@include file="/WEB-INF/jspf/head.jspf" %>
            <title>M&oacute;dulo de Operaciones - Tarjetas de D&eacute;bito</title>
        </head>
        <body>
            <div id="wrap">
                <%--  header.jsf: Realiza la carga del DIV 'header' de la pagina. --%>
                <%@include file="/WEB-INF/jspf/header.jspf" %>
                <div id="main">
                    <%-- breadcumbs.jsf: Realiza la carga del DIV 'breadcumbs' de la pagina. --%>
                    <%@include file="/WEB-INF/jspf/breadcumbs.jspf" %>

                    <div id="sidebar">
                        <%--  options.jsf: Realiza la carga de las opciones del modulo seleccionado. --%>
                        <%@include file="/WEB-INF/jspf/options.jspf" %>
                    </div>
                    <div id="content">
                        <%-- >>>> INICIO MODULO Seleccionado <<< --%>

                        <h1>Tarjetas de Débito</h1>
                        <h:messages id="messages" showDetail="true" />
                        <h:form id="frmListaTarjetas">

                            <fieldset>
                                <h:panelGrid columns="3">
                                    <h:commandButton style="font-weight: bold; margin-left: auto; margin-right: auto; background:gray; color:white" id="btnRecepcion" value="Recepcion" accesskey="R" action="recepcion"/>
                                    <h:commandButton style="font-weight: bold; margin-left: auto; margin-right: auto; background:gray; color:white" id="btnHabilitacion" value="Habilitacion" accesskey="H" action="habilitacion"/>
                                    <h:commandButton style="font-weight: bold; margin-left: auto; margin-right: auto; background:gray; color:white" id="btnArqueo" value="Arqueo" accesskey="A" action="arqueo"/>
                                </h:panelGrid>
                            </fieldset>

                            <h:dataTable styleClass="formulario" cellpadding="10" border="1" id="tblFocusGroups"
                                         value="#{TarjetaController.tarjetas}"
                                         var="item">
                                <h:column>
                                    <f:facet name="header"><h:outputText value="ID" /></f:facet>
                                    <h:outputText value="#{item.idTarjeta}" />
                                </h:column>
                                <h:column>
                                    <f:facet name="header"><h:outputText value="Nro. Tarjeta" /></f:facet>
                                    <h:outputText value="#{item.numeroTarjeta}" />
                                </h:column>
                                <h:column>
                                    <f:facet name="header"><h:outputText value="Estado" /></f:facet>
                                    <h:outputText value="#{item.estado}" />
                                </h:column>
                                <h:column>
                                    <f:facet name="header"><h:outputText value="Diferencia" /></f:facet>
                                    <h:outputText value="#{item.diferencia}" />
                                </h:column>
                                <h:column>
                                    <f:facet name="header"><h:outputText value="Resultado" /></f:facet>
                                    <h:outputText value="#{item.resultado}" />
                                </h:column>
                                <h:column>
                                    <h:commandButton id="btnMostrar" action="mostrar" image="/img/ver.png">
                                        <f:setPropertyActionListener target="#{TarjetaController.tarjeta}" value="#{item}" />
                                    </h:commandButton>
                                </h:column>
                                <h:column>
                                    <h:commandButton id="btnEditar" action="editar" image="/img/editar.png">
                                        <f:setPropertyActionListener target="#{TarjetaController.tarjeta}" value="#{item}" />
                                    </h:commandButton>
                                </h:column>
                                <h:column>
                                    <h:commandButton id="btnEliminar" action="#{TarjetaController.eliminar}" image="/img/eliminar.png">
                                        <f:setPropertyActionListener target="#{TarjetaController.tarjeta}" value="#{item}" />
                                    </h:commandButton>
                                </h:column>
                            </h:dataTable>
                        </h:form>

                        <%-- <<<< FIN MODULO Seleccionado >>>> --%>
                    </div>
                </div>
                <%--  footer.jsf: Realiza la carga del DIV 'footer' de la pagina. --%>
                <%@include file="/WEB-INF/jspf/footer.jspf" %>
            </div>
        </body>
    </html>
</f:view>
